

#hidden-buy-box { position: fixed; z-index: 10; bottom: 38px; left: 0; width: 100%; padding: 20px 10px 0 10px; background: #fff; }

#hidden-buy-box .closeBtn { position: absolute; width: 20px; height: 20px; top: 5px; right: 10px; background: url(../img/buy_goods_close.png) no-repeat; background-size: 20px 20px; }

#hidden-buy-box input[name=count] { width: 36px; border: 1px solid black;}

#hidden-buy-box .tbbuy  { width: 100%; display: table; height: 76px; border-bottom: 1px dashed  #f6f6f6; }
#hidden-buy-box .tbbuy .thumb { display: table-cell; width: 60px; height: 60px; }
#hidden-buy-box .tbbuy .prompt { padding-left: 15px; display: table-cell; vertical-align: top; font-size: 16px; }
#hidden-buy-box .tbbuy .prompt .name { margin-top: 7px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 200px; }
#hidden-buy-box .tbbuy .prompt .goods-buy-price { margin-top: 18px; color: #ff6600; }

#hidden-buy-box .submit { width: 100%; height: 85px; }
#hidden-buy-box .submit .submit-next { font-size: 16px; color: #fff;    line-height: 40px; width: 100%; height: 42px; margin-top: 15px; background: #ff6600; border-radius: 4px; border: 1px solid  #f40; -webkit-appearance: none; }

#hidden-buy-box .buy-number { font-size: 16px; padding: 20px 0; border-bottom: 1px dashed  #f6f6f6;}
#hidden-buy-box .buy-number .dec,
#hidden-buy-box .buy-number .add { padding: 2px 5px; background-color: #eee; color: navy; ;}
#hidden-buy-box .buy-number input { width: 24px; border-radius: 0; }

#goods-attrs .attrs { font-size: 12px; margin-bottom: 9px; }
#goods-attrs .attrs label { float: left; margin: 4px 10px 0 0; }
#goods-attrs .attrs span.normal {  float: left; padding: 3px 10px; margin-right: 5px; border: 1px solid #666; background-color: #eee; color: #444; }
#goods-attrs .attrs span.active { background-color: red; color: #eee; }



/** 全局样式 **/
.headerBar { font-size: 14px; }
.headerBar h3 { background-color: #474749; color: #d7d7d7; padding: 15px 0; text-align: center; font-weight: normal; }
.headerBar h3 a { color: #d7d7d7; }
.headerBar h3 a.active { color: #f7ed00; }
.headerBar h3.active { color: #f7ed00; }

.footer { color: #d7d7d7; font-size: 150%;}
.footer a { color: #ffc0a5;}
.tipsFT { text-align: center; line-height: 28px; font-size: 14px; margin-top: 10px; }
.tipsFT a { color: #f44c06;}
.footer .tbFT { width: 100%; position: fixed; bottom: 0px; background-color: #474749; }
.footer .tbFT td { height: 50px; text-align: center; }
.footer .tbFT a  { width: 60px; color: #c6c6c6; display: inline-block; padding-top: 30px; background-size: 25px 25px; font-size: 10px;}
.footer .tbFT a.activeShare,
.footer .tbFT a.activeUser,
.footer .tbFT a.activeHome { color: #f7ed00 ; }
.footer .tbFT a.activeShare { background: transparent url(/resource/wei/imgs/bottom/share_color.png) no-repeat 50% 0%; background-size: 25px 23px; }
.footer .tbFT a.activeHome { background: transparent url(/resource/wei/imgs/bottom/home_color.png) no-repeat 50% 0%; background-size: 25px 25px;}
.footer .tbFT a.activeUser { background: transparent url(/resource/wei/imgs/bottom/user_color.png) no-repeat 50% 0%; background-size: 25px 25px;}
.footer .tbFT a.norShare{background: transparent url(/resource/wei/imgs/bottom/share_white.png) no-repeat 50% 0%; background-size: 25px 23px;}
.footer .tbFT a.norHome{background: transparent url(/resource/wei/imgs/bottom/home_white.png) no-repeat 50% 0%; background-size: 25px 25px;}
.footer .tbFT a.norUser{background: transparent url(/resource/wei/imgs/bottom/user_white.png) no-repeat 50% 0%; background-size: 25px 25px;}

/** ucenter **/
.ucenter { font-size: 14px; }
.ucenter hr { border-width: 0; border-bottom: 1px solid #ccc; }
.ucenter a { font-size: 14px; }
.ucenter .tb { width: 100%; }
.ucenter .tb .rr { width: 30%; height: 160px; }
.ucenter .tb .rr p { border-bottom: 1px solid #d7d7d7; line-height: 3em; }
.ucenter .tb .rr p:nth-child(1) { background: url(../img/ucenter_wait_pay.png) 0 15px no-repeat; background-size: 15px 15px; padding-left: 25px; }
.ucenter .tb .rr p:nth-child(2) { background: url(../img/ucenter_wait_Ship.png) 0 15px  no-repeat; background-size: 15px 15px; padding-left: 25px; }
.ucenter .tb .rr p:nth-child(3) { background: url(../img/ucenter_wait_accent.png) 0 15px no-repeat; background-size: 15px 15px; padding-left: 25px; }

.ucenter .user .avatar { padding: 1em 0 0 2em; }
.ucenter .user .avatar img { width: 64px; border: 1px solid green; border-radius: 50%; }

.ucenter .addr { padding: 1em 2em; line-height: 2em; font-size: 12px; }
.ucenter .addr .manage { background: url(../img/ucenter_address_edit.png)  70px 3px  no-repeat; background-size: 14px 14px; }
.ucenter .addr a { color: #999;   }
.ucenter .addr .local {  background: url(../img/ucenter_address_local.png)  no-repeat; margin-left: 10px; background-size: 8px 12px; display: inline-block; width: 8px; height: 12px; }

.ucenter .lineItems { margin-bottom: 2em; }
.ucenter .lineItems a { color: #666; }
.ucenter .lineItems p { padding: 0 1em; position: relative; line-height: 50px; border-bottom: 1px solid #d7d7d7;  }
.ucenter .lineItems p span { position: absolute; right: 1em; }
.ucenter .lineItems p span b { padding-left: 1em; font-size: 1.5em; color: #ccc; }

/** order List **/
.orderList { font-size: 14px; width: 100%; }
.orderList .thumb { width: 64px; height: 64px; }
.orderList a { color: #999; }
.orderList ul { padding: 8px 0; margin: 0; line-height: 16px;   background-color: #fff; }
.orderList ul li { margin: 0; float: left; width: 33%; text-align: center; }
.orderList ul li.bc { border-right: 1px solid #ffc0a5; }
.orderList ul li a.active { color: #ff0000; }
.orderList ul li b { font-size: 2em; position: relative; top: 5px; left: -5px; }

.orderList .tbbuy .order { background-color: #fff; margin-top: 10px; padding: 8px 1em;}
.orderList .tbbuy .order .line { position: relative; padding-bottom: 10px; color: #999; border-bottom: 1px solid #d7d7d7; }
.orderList .tbbuy .order .stName { position: absolute; right: 1em; color: #444; }
.orderList .tbbuy .order .cont { position: relative; padding-top: 8px; }
.orderList .tbbuy .order .cont .link { position: absolute; right: 0.5em; bottom: 5px; border: 1px solid orange; border-radius: 10%; padding: 8px 15px; }
.orderList .tbbuy .order .cont .link a { color: orange; }
.orderList .tbbuy .order .cont .title{ position: absolute; left: 70px; top: 12px;  }
.orderList .tbbuy .order .cont .price {position: absolute; left: 70px; bottom: 4px; color: orange; }
.orderList .tbbuy .order .cont .price {position: absolute; left: 70px; bottom: 4px; color: orange; }
.orderList .tbbuy .empty-order {   height: 250px; line-height: 250px; color: #999; font-size: 16px; text-align: center; }

/** address **/
.addrEdit { font-size: 14px; }
.addrEdit h3 { background-color: #474749; color: #f7ed00; padding: 15px 0; text-align: center; }
.addrEdit .lineItem { color: #999; line-height: 48px;   }
.addrEdit .lineItem p { border-bottom: 1px solid #ccc; }
.addrEdit .lineItem label { display: inline-block; width: 110px; text-align: right; padding-right: 8px; }
.addrEdit .lineItem input[type=text] { padding-left: 14px; border-width: 0; height: 30px; font-size: 14px; }
.addrEdit .lineItem input[type=number] { padding-left: 14px; border-width: 0; height: 30px; font-size: 14px; }

.addrEdit .lineItem .submit { text-align: center; border-width: 0; }
.addrEdit .lineItem .submit .del  { display: block; text-align: right; padding-right: 30px; }
.addrEdit .lineItem .submit .del a { color: orange; }
.addrEdit .lineItem .submit input { width: 86%; font-size: 14px; margin: 0 auto; background-color: #474749; color: #f7ed00; padding: 12px 0; text-align: center; border-radius: 3%; border: 1px solid #474749; margin-top: 1em; }

.addrList { font-size: 14px; }
.addrList h3 { background-color: #474749; color: #f7ed00; padding: 15px 0; text-align: center; }
.addrList .addr { margin-top: 10px; padding: 10px 15px; background-color: #fff; line-height: 2em; }
.addrList .addr .title { color: #444; }
.addrList .addr .title .name { padding-right: 40px; }
.addrList .addr .detail { color: gray; font-size: 12px; border-bottom: 1px solid #eee;  }
.addrList .addr .action { position: relative; top: 5px; }
.addrList .addr .action .edit { position: absolute; right: 0; color: gray; }
.addrList .addr .action .addrStat { color: #444; }
.addrList .addr .action .active { color: orange; }
.addrList .btn { width: 86%; font-size: 14px; margin: 0 auto; background-color: #474749; color: #f7ed00; padding: 12px 0; text-align: center; border-radius: 3%; border: 1px solid #474749; margin-top: 1em; }
.addrList .btn a { display: block; color: #f7ed00; }


/** user likes **/
.likesBox { padding: 1em 0; }
.likesBox .empty { height: 250px; line-height: 250px; color: #999; font-size: 16px; text-align: center;}

.historyBox { padding: 1em 0; }
.historyBox .empty { height: 250px; line-height: 250px; color: #999; font-size: 16px; text-align: center;}
